<template>
    <div class="personal"  style="height:calc(100vh - 60px)">
        <div>
            <span><i class="el-icon-user-solid"></i>{{email}}</span><br>
        <span><i class="el-icon-s-tools"></i>{{identity}}</span>
        </div>
        
    </div>
</template>

<script>
export default {
    name: 'CuiPersonal',

    data() {
        return {
            email:'',
            identity:''
        };
    },
    methods: {
        async getlist(){
            await this.$http({url:'api/users/current'}).catch(err=>{
                console.log(err)
            }).then(res=>{
                // console.log(res)
                this.email = res.data.email
                this.identity = res.data.identity
            })
        }
    },
    created(){
        // api/users/current
        this.getlist()
    },
};
</script>

<style lang="scss" scoped>
.personal {
    width: 100%;
    background-color: #2d3a4b;
    margin: auto;
    color: white;
    font-size: 30px;
    position: relative;
    div{
        i{
            width: 50px;
            height: 50px;
        }
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -100px;
        margin-top: -100px;
        // display: flex;
        // align-items: center;
    }
}
</style>